<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text">
    <script>
        //字面量
        let obj = {}
        //早期使用的是构造方式
        let obj2 = new Object;
        obj2.name = '罗峰'
        console.log(obj2);
        let num = new Number(10)
        console.dir(num);
        let num2 = 10
        console.log(parseInt(num2));

        // 对象  万物皆唯对象  会包含许多无序的属性   可以对属性进行增删改查
        console.dir( document.querySelector('input').value);

        let obj3 = {
            name:'掌声',
            num:12
        }
        console.log(obj3.name);
        console.log(obj3['num']);
        // 不可用for  可以用for   in
        for(let index in obj3){
            // 可以获取属性名称
            console.log(index);
            
        }
        // 可以进行属性的修改个添加   并且能精准操作
        Object.defineProperty(obj3,'height',{
            // value:45,
            //用来表示此属性是否可以被删除  false  不可
            configurable:true,
            //属性是否允许被修改
            // writable:true
            //获取器
            get(){
                //this指向obj3
                // console.log(this);
                
                return  this._height+'999'
            },
            // 设置器
            set(val){
                console.log('数据发生变化 dom');
                // console.log(val,'val');
                this._height = val
                
                
            }
        })
        console.log(obj3);
        
        // 删除某一项
        //delete  obj3.num
     obj3.height = 99
        console.log(obj3);
        
        
        
        
        
    </script>
</body>
</html>